﻿<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layDate Demo</title>
		<script src="laydate/laydate.js"></script>
		<style>
			html {
				background-color : #E3E3E3;
				font-size        : 14px;
				color            : #000;
				font-family      : '微软雅黑'
			}

			h2 {
				line-height : 30px;
				font-size   : 20px;
			}

			a, a:hover {
				text-decoration : none;
			}

			pre {
				font-family : '微软雅黑'
			}

			.box {
				width            : 970px;
				padding          : 10px 20px;
				background-color : #fff;
				margin           : 10px auto;
			}

			.box a {
				padding-right : 20px;
			}
		</style>
	</head>
	<body>
		<div style="width:970px; margin:10px auto;">
			演示一：<input placeholder="请输入日期" class="laydate-icon" onclick="laydate()">
		</div>
		<div class="box">
<pre>
 @Name：laydate-v<script>document.write(laydate.v)</script> 日期控件说明
 @Author：贤心
 @Blog：<a href="http://sentsin.com" target="_blank">http://sentsin.com</a>
 @官网：<a href="http://sentsin.com/layui/laydate" target="_blank">http://sentsin.com/layui/laydate</a>
 @开发版源码：<a href="http://sentsin.com/lily/lib/laydate/laydate.dev.js" target="_blank">http://sentsin.com/lily/lib/laydate/laydate.dev.js</a>
<strong>【注意事项】</strong>
一、请千万勿移动laydate中的目录结构，它们具有完整的依赖体系。使用时，只需引入laydate/laydate.js即可。
二、如果您的网站的js采用合并或模块加载，您需要打开laydate.js，修改path。
三、laydate遵循LGPL开源协议，永不收费！
四、版权最终解释权：贤心。
</pre>
			演示二：<input class="laydate-icon" id="demo" value="2014-6-25更新">
		</div>
		<div class="box" style="text-align:center">
			<p>现在，您已经看到了layDate的第一个版本了，路漫漫其修远兮，不管您的网站是否存有别的日期控件，但我相信总有一日您会对layDate情有独钟。</p>
			<a href="http://sentsin.com/layui/laydate/api.html" target="_blank">使用文档</a>
			<a href="http://sentsin.com/layui/laydate/skins.html" target="_blank">皮肤库</a>
			<a href="http://say.sentsin.com/say-922.html" target="_blank">更新日志</a>
			<a href="http://say.sentsin.com/home-58.html" id="suggest" target="_blank">有问必答</a>
		</div>
		<script>
			;!function () {
//laydate.skin('molv');
				laydate({
					elem: '#demo'
				})
			}();
		</script>
	</body>
</html>